<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>添加</title>
  <link rel="stylesheet" href="../CPUIAdmin/layui/css/layui.css">
  <link rel="stylesheet" href="../CPUIAdmin/style/cp_admin.css">
  <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
  <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="cpadmin_body">

  <blockquote class="layui-elem-quote">
    <span class="layui-breadcrumb">
      <a>内容</a>
      <a>单页管理</a>
      <a>关于我们</a>
      <a><cite>新增</cite></a>
    </span>
  </blockquote>

  <form class="layui-form layui-form-pane">
    <div class="layui-tab layui-tab-card">

      <ul class="layui-tab-title">
        <li class="layui-this">基本信息</li>
        <li>扩展选项</li>
        <li>详细描述</li>
        <li>SEO选项</li>
      </ul>
      <div class="layui-tab-content">
        <!-- 基本信息 start-->
        <div class="layui-tab-item layui-show">

          <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">内容标题</label>
            <div class="layui-input-block">
              <input type="text" placeholder="请输入" class="layui-input" name="txtTitle" lay-verify="required">
            </div>
          </div>

          <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">所属分类 </label>
            <div class="layui-input-block">
              <select lay-filter="aihao" name="ddlCategoryId">
                <option value="0">请选择</option>
                <option value="1">分类一</option>
                <option value="2">分类二</option>
              </select>
            </div>
          </div>

          <div class="layui-form-item" style="width:500px" pane>
            <label class="layui-form-label">显示状态</label>
            <div class="layui-input-block">
              <input type="checkbox" lay-skin="switch" name="status" checked>
            </div>
          </div>

          <div class="layui-form-item" style="width:500px" pane>
            <label class="layui-form-label">推荐类型</label>
            <div class="layui-input-block">
              <input type="checkbox" name="is_top" title="置顶">
              <input type="checkbox" name="is_red" title="推荐">
              <input type="checkbox" name="is_hot" title="热门">
              <input type="checkbox" name="is_slide" title="幻灯">
            </div>
          </div>

          <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">上传图片</label>
            <div class="layui-input-block">
              <input type="text"  class="layui-input" name="txtImgUrl" style="width:160px; display: inline-block;">
              <img class="layui-upload-img" id="img_url_src" style="border:1px #ddd solid; width:100px; height:36px;" src="/CPUIAdmin/images/img_null.jpg">
              <button type="button" class="layui-btn" id="img_url_upload">
                <i class="layui-icon">&#xe67c;</i>上传图片
              </button>
               
              
            </div>
          </div>

          <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" value="99" name="txtSortId" lay-verify="number">
            </div>
          </div>

          <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">浏览次数</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" value="0" name="txtClick" lay-verify="number">
            </div>
          </div>

          <div class="layui-form-item" style="width:500px">
            <label class="layui-form-label">发布时间</label>
            <div class="layui-input-block">
              <input type="text"  class="layui-input" value="99" name="txtAddTime" id="txtAddTime">
            </div>
          </div>
        </div>
        <!-- 基本信息 end-->
        <!-- 扩展选项 start -->
        <div class="layui-tab-item">
          扩展选项
        </div>
        <!-- 扩展选项 end-->
        <!-- 详细描述 start-->
        <div class="layui-tab-item">
          <div class="layui-form-item" style="width:600px">
            <label class="layui-form-label">URL链接</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" name="txtLinkUrl" style="width:260px; display: inline-block;">
              <span class="layui-word-aux">填写后直接跳转到该网址</span>
            </div>
          
          </div>

          <div class="layui-form-item layui-form-text" style="width:50%">
            <label class="layui-form-label">内容摘要 <span class="layui-word-aux">不填写则自动截取内容前255字符</span></label>
            <div class="layui-input-block">
              <textarea placeholder="请输入内容" class="layui-textarea" name="txtZhaiyao"></textarea>
            </div>
        
          </div>

          <div class="layui-form-item layui-form-text" style="width:90%">
            <label class="layui-form-label">内容描述</label>
            <div class="layui-input-block"> 
              <textarea style="width:99.85%;height:300px;" class="layui-textarea" id="txtContent" name="txtContent"></textarea>
          </div> 
          </div>

        </div>
        <!-- 详细描述 end-->
        <!-- SEO选项 start-->
        <div class="layui-tab-item">
          
            <div class="layui-form-item" style="width:500px">
                <label class="layui-form-label">SEO标题</label>
                <div class="layui-input-block">
                  <input type="text"  class="layui-input" name="txtSeoTitle">
                </div> 
              </div>
    
              <div class="layui-form-item layui-form-text" style="width:50%">
                <label class="layui-form-label">SEO关健字</label>
                <div class="layui-input-block">
                  <textarea placeholder="请输入内容" class="layui-textarea" name="txtSeoKeywords"></textarea>
                </div>
              </div>
    
              <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">SEO描述</label>
                <div class="layui-input-block">
                  <textarea placeholder="请输入内容" class="layui-textarea" name="txtSeoDescription"></textarea>
              </div>
            </div>

        </div>
        <!-- SEO选项 end-->
      </div>

    </div>
    <div class="layui-form-item">
      <div class="layui-input-block" style="margin-left:0px; margin-top:20px;">
        <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
      </div>
    </div>
  </form>





  <script charset="utf-8" src="/CPUIAdmin/js/editor/kindeditor-all-min.js"></script>
  <script charset="utf-8" src="/CPUIAdmin/js/editor/lang/zh-CN.js"></script>
  <script>
  KindEditor.ready(function(K) {
          window.editor = K.create('#txtContent');
  });
  </script>


  <script src="../CPUIAdmin/layui/layui.js"></script>
  <script>
    layui.config({
      base: '../CPUIAdmin/' //静态资源所在路径
    }).extend({
      ArticleAdd: 'modules/ArticleAdd' //主入口模块
    }).use('ArticleAdd');
  </script>


</body>

</html>